<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Reference</title>
<link rel="author" title="Intel" href="http://www.intel.com">
<style>
  table { border-spacing: 0; padding: 0; border: none; }
  td { border: none; padding: 0; }
  td { width: 1.2em; height: 1.2em; }
</style>
<body>
<p>The following two matching (except the checkerboard at both ends to show where the rows are) rows of colors should change gradually from red at the left to green at the right (through yellow in the middle).</p>
<table border="border">
  <tr>
    <td style="background: black">&nbsp;</td>
    <td style="background: rgb(255, 0, 0)">&nbsp;</td>
    <td style="background: rgb(255, 51, 0)">&nbsp;</td>
    <td style="background: rgb(255, 102, 0)">&nbsp;</td>
    <td style="background: rgb(255, 153, 0)">&nbsp;</td>
    <td style="background: rgb(255, 204, 0)">&nbsp;</td>
    <td style="background: rgb(255, 255, 0)">&nbsp;</td>
    <td style="background: rgb(204, 255, 0)">&nbsp;</td>
    <td style="background: rgb(153, 255, 0)">&nbsp;</td>
    <td style="background: rgb(102, 255, 0)">&nbsp;</td>
    <td style="background: rgb(51, 255, 0)">&nbsp;</td>
    <td style="background: rgb(0, 255, 0)">&nbsp;</td>
    <td style="background: white">&nbsp;</td>
  </tr>
  <tr>
    <td style="background: white">&nbsp;</td>
    <td style="background: rgb(255, 0, 0)">&nbsp;</td>
    <td style="background: rgb(255, 51, 0)">&nbsp;</td>
    <td style="background: rgb(255, 102, 0)">&nbsp;</td>
    <td style="background: rgb(255, 153, 0)">&nbsp;</td>
    <td style="background: rgb(255, 204, 0)">&nbsp;</td>
    <td style="background: rgb(255, 255, 0)">&nbsp;</td>
    <td style="background: rgb(204, 255, 0)">&nbsp;</td>
    <td style="background: rgb(153, 255, 0)">&nbsp;</td>
    <td style="background: rgb(102, 255, 0)">&nbsp;</td>
    <td style="background: rgb(51, 255, 0)">&nbsp;</td>
    <td style="background: rgb(0, 255, 0)">&nbsp;</td>
    <td style="background: black">&nbsp;</td>
  </tr>
</table>
<p>The following two matching (except the checkerboard at both ends to show where the rows are) rows of colors should change gradually from green at the left to blue at the right (through aqua in the middle).</p>
<table border="border">
  <tr>
    <td style="background: black">&nbsp;</td>
    <td style="background: rgb(0, 255, 0)">&nbsp;</td>
    <td style="background: rgb(0, 255, 51)">&nbsp;</td>
    <td style="background: rgb(0, 255, 102)">&nbsp;</td>
    <td style="background: rgb(0, 255, 153)">&nbsp;</td>
    <td style="background: rgb(0, 255, 204)">&nbsp;</td>
    <td style="background: rgb(0, 255, 255)">&nbsp;</td>
    <td style="background: rgb(0, 204, 255)">&nbsp;</td>
    <td style="background: rgb(0, 153, 255)">&nbsp;</td>
    <td style="background: rgb(0, 102, 255)">&nbsp;</td>
    <td style="background: rgb(0, 51, 255)">&nbsp;</td>
    <td style="background: rgb(0, 0, 255)">&nbsp;</td>
    <td style="background: white">&nbsp;</td>
  </tr>
  <tr>
    <td style="background: white">&nbsp;</td>
    <td style="background: rgb(0, 255, 0)">&nbsp;</td>
    <td style="background: rgb(0, 255, 51)">&nbsp;</td>
    <td style="background: rgb(0, 255, 102)">&nbsp;</td>
    <td style="background: rgb(0, 255, 153)">&nbsp;</td>
    <td style="background: rgb(0, 255, 204)">&nbsp;</td>
    <td style="background: rgb(0, 255, 255)">&nbsp;</td>
    <td style="background: rgb(0, 204, 255)">&nbsp;</td>
    <td style="background: rgb(0, 153, 255)">&nbsp;</td>
    <td style="background: rgb(0, 102, 255)">&nbsp;</td>
    <td style="background: rgb(0, 51, 255)">&nbsp;</td>
    <td style="background: rgb(0, 0, 255)">&nbsp;</td>
    <td style="background: black">&nbsp;</td>
  </tr>
</table>
<p>The following two matching (except the checkerboard at both ends to show where the rows are) rows of colors should change gradually from blue at the left to red at the right (through fuchsia in the middle).</p>
<table border="border">
  <tr>
    <td style="background: black">&nbsp;</td>
    <td style="background: rgb(0, 0, 255)">&nbsp;</td>
    <td style="background: rgb(51, 0, 255)">&nbsp;</td>
    <td style="background: rgb(102, 0, 255)">&nbsp;</td>
    <td style="background: rgb(153, 0, 255)">&nbsp;</td>
    <td style="background: rgb(204, 0, 255)">&nbsp;</td>
    <td style="background: rgb(255, 0, 255)">&nbsp;</td>
    <td style="background: rgb(255, 0, 204)">&nbsp;</td>
    <td style="background: rgb(255, 0, 153)">&nbsp;</td>
    <td style="background: rgb(255, 0, 102)">&nbsp;</td>
    <td style="background: rgb(255, 0, 51)">&nbsp;</td>
    <td style="background: rgb(255, 0, 0)">&nbsp;</td>
    <td style="background: white">&nbsp;</td>
  </tr>
  <tr>
    <td style="background: white">&nbsp;</td>
    <td style="background: rgb(0, 0, 255)">&nbsp;</td>
    <td style="background: rgb(51, 0, 255)">&nbsp;</td>
    <td style="background: rgb(102, 0, 255)">&nbsp;</td>
    <td style="background: rgb(153, 0, 255)">&nbsp;</td>
    <td style="background: rgb(204, 0, 255)">&nbsp;</td>
    <td style="background: rgb(255, 0, 255)">&nbsp;</td>
    <td style="background: rgb(255, 0, 204)">&nbsp;</td>
    <td style="background: rgb(255, 0, 153)">&nbsp;</td>
    <td style="background: rgb(255, 0, 102)">&nbsp;</td>
    <td style="background: rgb(255, 0, 51)">&nbsp;</td>
    <td style="background: rgb(255, 0, 0)">&nbsp;</td>
    <td style="background: black">&nbsp;</td>
  </tr>
</table>
<p>The following two matching (except the checkerboard at both ends to show where the rows are) rows of colors should change in two steps from nearly gray at the left to red at the right.</p>
<table border="border">
  <tr>
    <td style="background: black">&nbsp;</td>
    <td style="background: rgb(153, 102, 102)">&nbsp;</td>
    <td style="background: rgb(204, 51, 51)">&nbsp;</td>
    <td style="background: rgb(255, 0, 0)">&nbsp;</td>
    <td style="background: white">&nbsp;</td>
  </tr>
  <tr>
    <td style="background: white">&nbsp;</td>
    <td style="background: rgb(153, 102, 102)">&nbsp;</td>
    <td style="background: rgb(204, 51, 51)">&nbsp;</td>
    <td style="background: rgb(255, 0, 0)">&nbsp;</td>
    <td style="background: black">&nbsp;</td>
  </tr>
</table>
<p>The following two matching (except the checkerboard at both ends to show where the rows are) rows of colors should change in two steps from nearly gray at the left to yellow at the right.</p>
<table border="border">
  <tr>
    <td style="background: black">&nbsp;</td>
    <td style="background: rgb(153, 153, 102)">&nbsp;</td>
    <td style="background: rgb(204, 204, 51)">&nbsp;</td>
    <td style="background: rgb(255, 255, 0)">&nbsp;</td>
    <td style="background: white">&nbsp;</td>
  </tr>
  <tr>
    <td style="background: white">&nbsp;</td>
    <td style="background: rgb(153, 153, 102)">&nbsp;</td>
    <td style="background: rgb(204, 204, 51)">&nbsp;</td>
    <td style="background: rgb(255, 255, 0)">&nbsp;</td>
    <td style="background: black">&nbsp;</td>
  </tr>
</table>
<p>The following two matching (except the checkerboard at both ends to show where the rows are) rows of colors should change in two steps from nearly gray at the left to green at the right.</p>
<table border="border">
  <tr>
    <td style="background: black">&nbsp;</td>
    <td style="background: rgb(102, 153, 102)">&nbsp;</td>
    <td style="background: rgb(51, 204, 51)">&nbsp;</td>
    <td style="background: rgb(0, 255, 0)">&nbsp;</td>
    <td style="background: white">&nbsp;</td>
  </tr>
  <tr>
    <td style="background: white">&nbsp;</td>
    <td style="background: rgb(102, 153, 102)">&nbsp;</td>
    <td style="background: rgb(51, 204, 51)">&nbsp;</td>
    <td style="background: rgb(0, 255, 0)">&nbsp;</td>
    <td style="background: black">&nbsp;</td>
  </tr>
</table>
<p>The following two matching (except the checkerboard at both ends to show where the rows are) rows of colors should change in two steps from nearly gray at the left to aqua at the right.</p>
<table border="border">
  <tr>
    <td style="background: black">&nbsp;</td>
    <td style="background: rgb(102, 153, 153)">&nbsp;</td>
    <td style="background: rgb(51, 204, 204)">&nbsp;</td>
    <td style="background: rgb(0, 255, 255)">&nbsp;</td>
    <td style="background: white">&nbsp;</td>
  </tr>
  <tr>
    <td style="background: white">&nbsp;</td>
    <td style="background: rgb(102, 153, 153)">&nbsp;</td>
    <td style="background: rgb(51, 204, 204)">&nbsp;</td>
    <td style="background: rgb(0, 255, 255)">&nbsp;</td>
    <td style="background: black">&nbsp;</td>
  </tr>
</table>
<p>The following two matching (except the checkerboard at both ends to show where the rows are) rows of colors should change in two steps from nearly gray at the left to blue at the right.</p>
<table border="border">
  <tr>
    <td style="background: black">&nbsp;</td>
    <td style="background: rgb(102, 102, 153)">&nbsp;</td>
    <td style="background: rgb(51, 51, 204)">&nbsp;</td>
    <td style="background: rgb(0, 0, 255)">&nbsp;</td>
    <td style="background: white">&nbsp;</td>
  </tr>
  <tr>
    <td style="background: white">&nbsp;</td>
    <td style="background: rgb(102, 102, 153)">&nbsp;</td>
    <td style="background: rgb(51, 51, 204)">&nbsp;</td>
    <td style="background: rgb(0, 0, 255)">&nbsp;</td>
    <td style="background: black">&nbsp;</td>
  </tr>
</table>
<p>The following two matching (except the checkerboard at both ends to show where the rows are) rows of colors should change in two steps from nearly gray at the left to fuchsia at the right.</p>
<table border="border">
  <tr>
    <td style="background: black">&nbsp;</td>
    <td style="background: rgb(153, 102, 153)">&nbsp;</td>
    <td style="background: rgb(204, 51, 204)">&nbsp;</td>
    <td style="background: rgb(255, 0, 255)">&nbsp;</td>
    <td style="background: white">&nbsp;</td>
  </tr>
  <tr>
    <td style="background: white">&nbsp;</td>
    <td style="background: rgb(153, 102, 153)">&nbsp;</td>
    <td style="background: rgb(204, 51, 204)">&nbsp;</td>
    <td style="background: rgb(255, 0, 255)">&nbsp;</td>
    <td style="background: black">&nbsp;</td>
  </tr>
</table>
<p>The following two matching (except the checkerboard at both ends to show where the rows are) rows of colors should change in ten steps from black at the left to white at the right with red at the middle.</p>
<table border="border">
  <tr>
    <td style="background: black">&nbsp;</td>
    <td style="background: rgb(0, 0, 0)">&nbsp;</td>
    <td style="background: rgb(51, 0, 0)">&nbsp;</td>
    <td style="background: rgb(102, 0, 0)">&nbsp;</td>
    <td style="background: rgb(153, 0, 0)">&nbsp;</td>
    <td style="background: rgb(204, 0, 0)">&nbsp;</td>
    <td style="background: rgb(255, 0, 0)">&nbsp;</td>
    <td style="background: rgb(255, 51, 51)">&nbsp;</td>
    <td style="background: rgb(255, 102, 102)">&nbsp;</td>
    <td style="background: rgb(255, 153, 153)">&nbsp;</td>
    <td style="background: rgb(255, 204, 204)">&nbsp;</td>
    <td style="background: rgb(255, 255, 255)">&nbsp;</td>
    <td style="background: white">&nbsp;</td>
  </tr>
  <tr>
    <td style="background: white">&nbsp;</td>
    <td style="background: rgb(0, 0, 0)">&nbsp;</td>
    <td style="background: rgb(51, 0, 0)">&nbsp;</td>
    <td style="background: rgb(102, 0, 0)">&nbsp;</td>
    <td style="background: rgb(153, 0, 0)">&nbsp;</td>
    <td style="background: rgb(204, 0, 0)">&nbsp;</td>
    <td style="background: rgb(255, 0, 0)">&nbsp;</td>
    <td style="background: rgb(255, 51, 51)">&nbsp;</td>
    <td style="background: rgb(255, 102, 102)">&nbsp;</td>
    <td style="background: rgb(255, 153, 153)">&nbsp;</td>
    <td style="background: rgb(255, 204, 204)">&nbsp;</td>
    <td style="background: rgb(255, 255, 255)">&nbsp;</td>
    <td style="background: black">&nbsp;</td>
  </tr>
</table>
<p>The following two matching (except the checkerboard at both ends to show where the rows are) rows of colors should change in ten steps from black at the left to white at the right with yellow at the middle.</p>
<table border="border">
  <tr>
    <td style="background: black">&nbsp;</td>
    <td style="background: rgb(0, 0, 0)">&nbsp;</td>
    <td style="background: rgb(51, 51, 0)">&nbsp;</td>
    <td style="background: rgb(102, 102, 0)">&nbsp;</td>
    <td style="background: rgb(153, 153, 0)">&nbsp;</td>
    <td style="background: rgb(204, 204, 0)">&nbsp;</td>
    <td style="background: rgb(255, 255, 0)">&nbsp;</td>
    <td style="background: rgb(255, 255, 51)">&nbsp;</td>
    <td style="background: rgb(255, 255, 102)">&nbsp;</td>
    <td style="background: rgb(255, 255, 153)">&nbsp;</td>
    <td style="background: rgb(255, 255, 204)">&nbsp;</td>
    <td style="background: rgb(255, 255, 255)">&nbsp;</td>
    <td style="background: white">&nbsp;</td>
  </tr>
  <tr>
    <td style="background: white">&nbsp;</td>
    <td style="background: rgb(0, 0, 0)">&nbsp;</td>
    <td style="background: rgb(51, 51, 0)">&nbsp;</td>
    <td style="background: rgb(102, 102, 0)">&nbsp;</td>
    <td style="background: rgb(153, 153, 0)">&nbsp;</td>
    <td style="background: rgb(204, 204, 0)">&nbsp;</td>
    <td style="background: rgb(255, 255, 0)">&nbsp;</td>
    <td style="background: rgb(255, 255, 51)">&nbsp;</td>
    <td style="background: rgb(255, 255, 102)">&nbsp;</td>
    <td style="background: rgb(255, 255, 153)">&nbsp;</td>
    <td style="background: rgb(255, 255, 204)">&nbsp;</td>
    <td style="background: rgb(255, 255, 255)">&nbsp;</td>
    <td style="background: black">&nbsp;</td>
  </tr>
</table>
<p>The following two matching (except the checkerboard at both ends to show where the rows are) rows of colors should change in ten steps from black at the left to white at the right with green at the middle.</p>
<table border="border">
  <tr>
  <td style="background: black">&nbsp;</td>
    <td style="background: rgb(0, 0, 0)">&nbsp;</td>
    <td style="background: rgb(0, 51, 0)">&nbsp;</td>
    <td style="background: rgb(0, 102, 0)">&nbsp;</td>
    <td style="background: rgb(0, 153, 0)">&nbsp;</td>
    <td style="background: rgb(0, 204, 0)">&nbsp;</td>
    <td style="background: rgb(0, 255, 0)">&nbsp;</td>
    <td style="background: rgb(51, 255, 51)">&nbsp;</td>
    <td style="background: rgb(102, 255, 102)">&nbsp;</td>
    <td style="background: rgb(153, 255, 153)">&nbsp;</td>
    <td style="background: rgb(204, 255, 204)">&nbsp;</td>
    <td style="background: rgb(255, 255, 255)">&nbsp;</td>
    <td style="background: white">&nbsp;</td>
  </tr>
  <tr>
    <td style="background: white">&nbsp;</td>
    <td style="background: rgb(0, 0, 0)">&nbsp;</td>
    <td style="background: rgb(0, 51, 0)">&nbsp;</td>
    <td style="background: rgb(0, 102, 0)">&nbsp;</td>
    <td style="background: rgb(0, 153, 0)">&nbsp;</td>
    <td style="background: rgb(0, 204, 0)">&nbsp;</td>
    <td style="background: rgb(0, 255, 0)">&nbsp;</td>
    <td style="background: rgb(51, 255, 51)">&nbsp;</td>
    <td style="background: rgb(102, 255, 102)">&nbsp;</td>
    <td style="background: rgb(153, 255, 153)">&nbsp;</td>
    <td style="background: rgb(204, 255, 204)">&nbsp;</td>
    <td style="background: rgb(255, 255, 255)">&nbsp;</td>
    <td style="background: black">&nbsp;</td>
  </tr>
</table>
<p>The following two matching (except the checkerboard at both ends to show where the rows are) rows of colors should change in ten steps from black at the left to white at the right with aqua at the middle.</p>
<table border="border">
  <tr>
    <td style="background: black">&nbsp;</td>
    <td style="background: rgb(0, 0, 0)">&nbsp;</td>
    <td style="background: rgb(0, 51, 51)">&nbsp;</td>
    <td style="background: rgb(0, 102, 102)">&nbsp;</td>
    <td style="background: rgb(0, 153, 153)">&nbsp;</td>
    <td style="background: rgb(0, 204, 204)">&nbsp;</td>
    <td style="background: rgb(0, 255, 255)">&nbsp;</td>
    <td style="background: rgb(51, 255, 255)">&nbsp;</td>
    <td style="background: rgb(102, 255, 255)">&nbsp;</td>
    <td style="background: rgb(153, 255, 255)">&nbsp;</td>
    <td style="background: rgb(204, 255, 255)">&nbsp;</td>
    <td style="background: rgb(255, 255, 255)">&nbsp;</td>
    <td style="background: white">&nbsp;</td>
  </tr>
  <tr>
    <td style="background: white">&nbsp;</td>
    <td style="background: rgb(0, 0, 0)">&nbsp;</td>
    <td style="background: rgb(0, 51, 51)">&nbsp;</td>
    <td style="background: rgb(0, 102, 102)">&nbsp;</td>
    <td style="background: rgb(0, 153, 153)">&nbsp;</td>
    <td style="background: rgb(0, 204, 204)">&nbsp;</td>
    <td style="background: rgb(0, 255, 255)">&nbsp;</td>
    <td style="background: rgb(51, 255, 255)">&nbsp;</td>
    <td style="background: rgb(102, 255, 255)">&nbsp;</td>
    <td style="background: rgb(153, 255, 255)">&nbsp;</td>
    <td style="background: rgb(204, 255, 255)">&nbsp;</td>
    <td style="background: rgb(255, 255, 255)">&nbsp;</td>
    <td style="background: black">&nbsp;</td>
  </tr>
</table>
<p>The following two matching (except the checkerboard at both ends to show where the rows are) rows of colors should change in ten steps from black at the left to white at the right with blue at the middle.</p>
<table border="border">
  <tr>
    <td style="background: black">&nbsp;</td>
    <td style="background: rgb(0, 0, 0)">&nbsp;</td>
    <td style="background: rgb(0, 0, 51)">&nbsp;</td>
    <td style="background: rgb(0, 0, 102)">&nbsp;</td>
    <td style="background: rgb(0, 0, 153)">&nbsp;</td>
    <td style="background: rgb(0, 0, 204)">&nbsp;</td>
    <td style="background: rgb(0, 0, 255)">&nbsp;</td>
    <td style="background: rgb(51, 51, 255)">&nbsp;</td>
    <td style="background: rgb(102, 102, 255)">&nbsp;</td>
    <td style="background: rgb(153, 153, 255)">&nbsp;</td>
    <td style="background: rgb(204, 204, 255)">&nbsp;</td>
    <td style="background: rgb(255, 255, 255)">&nbsp;</td>
    <td style="background: white">&nbsp;</td>
  </tr>
  <tr>
    <td style="background: white">&nbsp;</td>
    <td style="background: rgb(0, 0, 0)">&nbsp;</td>
    <td style="background: rgb(0, 0, 51)">&nbsp;</td>
    <td style="background: rgb(0, 0, 102)">&nbsp;</td>
    <td style="background: rgb(0, 0, 153)">&nbsp;</td>
    <td style="background: rgb(0, 0, 204)">&nbsp;</td>
    <td style="background: rgb(0, 0, 255)">&nbsp;</td>
    <td style="background: rgb(51, 51, 255)">&nbsp;</td>
    <td style="background: rgb(102, 102, 255)">&nbsp;</td>
    <td style="background: rgb(153, 153, 255)">&nbsp;</td>
    <td style="background: rgb(204, 204, 255)">&nbsp;</td>
    <td style="background: rgb(255, 255, 255)">&nbsp;</td>
    <td style="background: black">&nbsp;</td>
  </tr>
</table>
<p>The following two matching (except the checkerboard at both ends to show where the rows are) rows of colors should change in ten steps from black at the left to white at the right with fuchsia at the middle.</p>
<table border="border">
  <tr>
    <td style="background: black">&nbsp;</td>
    <td style="background: rgb(0, 0, 0)">&nbsp;</td>
    <td style="background: rgb(51, 0, 51)">&nbsp;</td>
    <td style="background: rgb(102, 0, 102)">&nbsp;</td>
    <td style="background: rgb(153, 0, 153)">&nbsp;</td>
    <td style="background: rgb(204, 0, 204)">&nbsp;</td>
    <td style="background: rgb(255, 0, 255)">&nbsp;</td>
    <td style="background: rgb(255, 51, 255)">&nbsp;</td>
    <td style="background: rgb(255, 102, 255)">&nbsp;</td>
    <td style="background: rgb(255, 153, 255)">&nbsp;</td>
    <td style="background: rgb(255, 204, 255)">&nbsp;</td>
    <td style="background: rgb(255, 255, 255)">&nbsp;</td>
    <td style="background: white">&nbsp;</td>
  </tr>
  <tr>
    <td style="background: white">&nbsp;</td>
    <td style="background: rgb(0, 0, 0)">&nbsp;</td>
    <td style="background: rgb(51, 0, 51)">&nbsp;</td>
    <td style="background: rgb(102, 0, 102)">&nbsp;</td>
    <td style="background: rgb(153, 0, 153)">&nbsp;</td>
    <td style="background: rgb(204, 0, 204)">&nbsp;</td>
    <td style="background: rgb(255, 0, 255)">&nbsp;</td>
    <td style="background: rgb(255, 51, 255)">&nbsp;</td>
    <td style="background: rgb(255, 102, 255)">&nbsp;</td>
    <td style="background: rgb(255, 153, 255)">&nbsp;</td>
    <td style="background: rgb(255, 204, 255)">&nbsp;</td>
    <td style="background: rgb(255, 255, 255)">&nbsp;</td>
    <td style="background: black">&nbsp;</td>
  </tr>
</table>
</body>
